/*

Rules to layout the Workbench.

Important:
    - Don't use colors here.
    - To layout controls, see controls.css

*/

body,
html {
    margin: 0px;
    padding: 0px;
}

body,
button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

input {
    min-width: 0px;
    border-radius: 3px;
    padding: 3px;
    outline: none;
    border-style: none;
}

label {
    min-width: 0px;
}

/* Part */

.Part {
    width: 100%;
    height: 100%;
}

.ViewerPart {
    display: grid;
    grid-template-columns: 5px 1fr 5px;
    grid-template-rows: 5px 1fr 5px;
}

.ViewerPart .FilteredViewer {
    grid-column-start: 2;
    grid-row-start: 2;
    border-radius: 3px;
}

.Part>.FilteredViewer {
    position: relative;
    width: 100%;
    height: 100%;
}

/* toolbar */

.MainToolbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.MainToolbarLeftArea {}

.MainToolbarCenterArea {}

.MainToolbarRightArea {}


.MainToolbarRightArea .ToolbarItem {
    float: right !important;
}

/* AlertDialog */

.AlertDialog pre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}